<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<script type="text/javascript" src="<c:url value='/ui/jquery.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/ui/cqoa.setting.js'/>"></script>
<script type="text/javascript">
var ctx = "${ctx}";
//修改标题
document.title = CQOA.title;
//样式输出
document.writeln('<link rel="stylesheet" href="'+ctx+'/css/'+CQOA.defaultStyle+'/'+CQOA.defaultCss+'" class="ui-style">');
</script>
<link rel="stylesheet" type="text/css" href="<c:url value='/ui/themes/default/easyui.css'/>">
<link rel="stylesheet" type="text/css" href="<c:url value='/ui/themes/icon.css'/>">
<link rel="stylesheet" type="text/css" href="<c:url value='/ui/kindeditor/themes/default/default.css'/>">
<script type="text/javascript" src="<c:url value='/ui/loader.js'/>" ></script>
<script type="text/javascript" src="<s:url value='/ui/kindeditor/kindeditor-min.js'/>"></script>
<script type="text/javascript" src="<s:url value='/ui/kindeditor/lang/zh_CN.js'/>"></script>
<script type="text/javascript" src="<s:url value='/ui/imageTrans.js'/>"></script>
<style type="text/css">
	.container, .container img{width:280px; height:200px;}
	.container img{border:0;vertical-align:top;}
	.container ul, .container li{list-style:none;margin:0;padding:0;}
	.num{ position:absolute; right:5px; bottom:5px; font:12px/1.5 tahoma, arial; height:18px;}
	.num li{
		float: left;
		color: #d94b01;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size: 11px;
		cursor: pointer;
		margin-left: 3px;
		border: 1px solid #f47500;
		background-color: #fcf2cf;
	}
	.num li.on{
		line-height: 18px;
		width: 18px;
		height: 18px;
		font-size: 14px;
		margin-top:-2px;
		background-color: #ff9415;
		font-weight: bold;
		color:#FFF;
	}
</style>
</head>
<script type="text/javascript">
//动态提示显示
var dyncTipShow = function(val){
	$('#dyncMarquee').children().remove();
	$('#dyncMarquee').append('<P><marquee loop="1" onmouseover=this.stop() onmouseout=this.start() scrollamount="3">欢迎光临本系统：祝你心情愉快</marquee></P>');
};


  

$(function(){
	
	
	//禁止后退键 作用于Firefox、Opera  
	document.onkeypress=banBackSpace;  
	//禁止后退键  作用于IE、Chrome  
	document.onkeydown=banBackSpace; 
	
	
	$('#changePassword').bind('click',function(){
		CQOA.load('changePasswordWin',ctx+'/sm/User!changePassword.action',{},function(){
			showHideFun('changePasswordWin','open');
		});
	})
	
	$('#showMessage').bind('click',function(){
		
		
	})
	//图片自动显示
	new ImgTrans("idContainer", "main_image", 3, { Vertical: false }).Run();
	//显示
	showPageImg();
});
//图片切换显示
var showPageImg = function(){
	var nums = [], timer, n = $$("classShow").getElementsByTagName("li").length,
	st = new ImgTrans("imgFileshow", "classShow", n, {
		onStart: function(){//设置按钮样式
			forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; })
		}
	});
	for(var i = 1; i <= n; AddNum(i++)){};
	function AddNum(i){
		var num = $$("idNum").appendChild(document.createElement("li"));
		num.innerHTML = i--;
		num.onmouseover = function(){
			timer = setTimeout(function(){ num.className = "on"; st.Auto = false; st.Run(i); }, 50);
		}
		num.onmouseout = function(){ clearTimeout(timer); num.className = ""; st.Auto = true; st.Run(); }
		nums[i] = num;
	}
	st.Run();
};

</script>
<body class="easyui-layout" >
		<!-- 单位ID号 -->
		
		<!-- 顶部 -->
		<div region="north"  style="height:70px;" border="false">
			<div class="headbg">
				<td style="height:52px;">
							<div style="color:#fff;font-size:22px;font-weight:bold;padding-left: 10px;">
								<a href="#" style="color:#fff;font-size:22px;font-weight:bold;text-decoration:none">CQOA办公系统</a>
							</div>
							<div style="color:#fff;padding-left: 10px;">
								<a href="#" style="color:#fff;text-decoration:none"><s:property value="#request.putKey.showWeek" /></a>
							</div>
				</td>
				<!-- 动态滚动条信息 -->
				<div id="dyncMarquee">
					
				</div>
			</div>
			<div class="head_info" >
				<a href="#" id="changePassword" style="color:#fff;text-decoration:none">【修改密码】</a>
				<a href="#" id="showMessage" style="color:#fff;text-decoration:none">你好:[${sessionScope.user.cname}]</a>
				<a href="#" style="color:#fff;text-decoration:none">当前人数:<s:property value="#request.putKey.count" /></a>
				<a href="<s:url value='/logout.action' />" style="color:red;text-decoration:none">
					【退出系统】
				</a>
				
			</div>
		</div>
		<!-- 
		<div region="south" title="South Title" style="height:100px;padding:10px;background:#efefef;">222</div>
		<div region="east" title="Tree Menu" style="width:180px;">33</div>
		-->
		<div region="west" title="菜单" style="width:180px;padding1:1px;overflow:hidden;"  border="false" split="false">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<s:iterator value="#request.putKey.menuList" id='menu' var="menu">
                        <div title="${menu.cname}" style="padding:10px;overflow:auto;">
                        	<div class="big_img_link">
	                            <s:iterator value="#menu.resList"  var="menulink">
	                                	<a href="#" onClick="menlinkClick('${ctx}${menulink.link}')"><img src="<c:url value='images/menu/accountManger.gif'/>"><span>${menulink.cname}</span></a>
	                            </s:iterator>
                            </div>
                        </div>
               </s:iterator>
			</div>
		</div>
		<div id="centerPanel" region="center" title="首页" style="overflow:hidden;">
			<div id="mainDiv">
				<div class="container" id="idContainer">
					<table id="main_image" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td><a href="#"><img src="http://www.cnblogs.com/images/cnblogs_com/cloudgamer/143727/o_rt_3.jpg"/></a></td>
							<td><a href="#"><img src="http://www.cnblogs.com/images/cnblogs_com/cloudgamer/143727/o_rt_4.jpg"/></a></td>
							<td><a href="#"><img src="http://www.cnblogs.com/images/cnblogs_com/cloudgamer/143727/o_rt_5.jpg"/></a></td>
						</tr>
					</table>
				</div>
				<br>
					仿淘宝/alibaba图片切换：
					<div class="container" id="imgFileshow">
						<ul id="classShow">
							<li><a href="#"> <img src="http://images.cnblogs.com/cnblogs_com/cloudgamer/143727/r_song1.jpg" alt="图片上传预览" /> </a></li>
							<li><a href="#"> <img src="http://images.cnblogs.com/cnblogs_com/cloudgamer/143727/r_song2.jpg" alt="多级联动菜单" /> </a></li>
							<li><a href="#"> <img src="http://images.cnblogs.com/cnblogs_com/cloudgamer/143727/r_song3.jpg" alt="浮动定位提示" /> </a></li>
							<li><a href="#"> <img src="http://images.cnblogs.com/cnblogs_com/cloudgamer/143727/r_song4.jpg" alt="数据延迟加载" /> </a></li>
							<li><a href="#"> <img src="http://images.cnblogs.com/cnblogs_com/cloudgamer/143727/r_song5.jpg" alt="简便文件上传" /> </a></li>
						</ul>
						<ul class="num" id="idNum">
						</ul>
					</div>
			</div>
		</div>
		<!--  浮动窗口
		<div id="floatDiv" style="position:fixed; width:200px; height:500px; visibility:visible; right: 10px; bottom: 10px; border: 1px;">
				<div style="color: black;text-align: right;">
				<a  href="#" title="关闭" id="floatCloseBtn" onClick="colseBtnFloat();">关闭</a>
				</div>
				<iframe width=100%   height=400   src="#" frameborder=auto scrolling="yes"></iframe>
		</div>
		 -->
		 <!-- 文件上传窗口 -->
        <div id="fileWin" class="easyui-window" title="文件上传" closed="true" modal="true" style="width: 400px; height: 150px;"></div>
        <div id="changePasswordWin" class="easyui-window" title="修改密码" closed="true" modal="true" style="width: 400px; height: 250px;"></div>
        <div id="maskDiv" class="easyui-window" closed="true" modal="true" noheader="true" style="width: 200px; height: 60px; padding: 15px;" align="center" resizable="">加载中，请稍候...</div>
</body>
</html>
